Padding and element width

This div is 300px wide.

The width of this div is 350px, even though it is defined as 300px in the CSS.

Padding and element width - with box-sizing

This div is 300px wide.

The width of this div remains at 300px, in spite of the 50px of total left and right padding, because of the box-sizing: border-box property.